<div id="top-left">
  <span class="location-title">账户</span>
</div>
<div class="main-content">
  <ul nz-menu nzMode="horizontal" class="location-menu">
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/offline-pay']">
      转账汇款
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/offline-pay-log']">
      转账记录
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/online-pay']">
      在线充值
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/online-pay-log']">
      直充记录
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/recharge']">
      充值记录
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/pay-log']">
      消费明细
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/time-detail']">
      时长明细
    </li>
  </ul>
  <nz-table #headerTable [nzData]="datalist" [nzTotal]="totalCount" [(nzPageIndex)]="selectData.pageindex"
    [(nzPageSize)]="selectData.pagesize" [nzShowSizeChanger]="true" [nzPageSizeOptions]="[10, 15, 20]"
    [nzLoading]="isLoading" [nzBordered]="false" [nzFrontPagination]="false" (nzPageIndexChange)="getlist()"
    (nzPageSizeChange)="getlist()">
    <thead>
      <tr>
        <th nzAlign="center" nzWidth="60px">序号</th>
        <th nzAlign="center" nzWidth="180px">充值流水ID</th>
        <th nzAlign="center" nzWidth="150px">提交时间</th>
        <th nzAlign="center" nzWidth="140px">充值金额(V币)</th>
        <th nzAlign="center" nzWidth="120px">支付方式</th>
        <th nzAlign="center">支付时间</th>
        <th nzAlign="center" nzWidth="120px">状态</th>
        <th nzAlign="center" nzWidth="120px">删除</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let item of headerTable.data; let no = index;">
        <td nzAlign="center">{{(selectData.pageindex - 1) * selectData.pagesize + no + 1}}</td>
        <td nzAlign="center">{{item['no']}}</td>
        <td nzAlign="center">{{item['date'] | date:'yyyy-MM-dd HH:mm'}}</td>
        <td nzAlign="center">{{item['amount'] | number: '1.2-2'}}</td>
        <td nzAlign="center">{{item['payStyle']}}</td>
        <td nzAlign="center">{{item['payDate'] | date:'yyyy-MM-dd HH:mm'}}</td>
        <td nzAlign="center">
          {{item['status'] === -1 ? '失败' : item['status']  === 0 ? '待支付': item['status']  === 1 ? '已支付': ''}}
        </td>
        <td nzAlign="center">
          <a *ngIf="item['status'] !== 1" (click)="delete(item['id'])">
            <i nz-icon nzType="delete" nzTheme="outline"></i>
          </a>
        </td>
      </tr>
    </tbody>
  </nz-table>
</div>
